<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>审批</title>
		<meta name="viewport" content=" height=device-height,
			          width=device-width,
			          initial-scale=1.0,
			          minimum-scale=1.0,
			          maximum-scale=1.0
			          user-scalable=no" />
		<script type="text/javascript" src="../js/jquery.min.js" charset="utf-8"></script>
		<script type="text/javascript">
			function getReimbursement() {
					window.location.href = 'Reimbursement.html';
			}
			function getmyApplication() {
					window.location.href = 'myApplication.html';
			}
			function getstayMeApprovalList() {
					window.location.href = 'stayMeApprovalList.html';
			}
	    </script>
	</head>
	<body>
		<div id="nav" style="position: fixed; top: 5px;">
			<ul>
				<li onclick="getstayMeApprovalList()" style="display:inline-block; position: fixed; left: 12%; font-size: calc(18vw/3.75);">待我审批的</li>
				<li style="display:inline-block; position: fixed; left: 43%; font-size: calc(18vw/3.75); text-decoration:underline; color: #3d85c6;"> 我要申请</li>
				<li onclick="getmyApplication()" style="display:inline-block; position: fixed; left: 67%; font-size: calc(18vw/3.75);"> 我申请的</li>
			</ul>
		</div>
		<table width="100%" class="pro-ta" border="1"  style="margin-top: 15%; border-collapse: collapse; border:none;">
			<tr onclick="getReimbursement()" height="50px">
				<td style="border-left: none;border-right:none; border-color:#aaa;">报销申请</td>
				<td style="border-left: none;border-right:none; font-size: calc(25vw/3.75);border-color:#aaa;">></td>
			</tr>
			<tr height="50px">
				<td style="border-left: none;border-right:none;border-color:#aaa;">请假申请</td>
				<td style="border-left: none;border-right:none;border-color:#aaa; font-size: calc(25vw/3.75);">></td>
			</tr>
			<tr height="50px">
				<td style="border-left: none;border-right:none;border-color:#aaa;">采购申请</td>
				<td style="border-left: none;border-right:none;border-color:#aaa; font-size: calc(25vw/3.75);">></td>
			</tr>
		</table>
	</body>
</html>
